body{
    background-color: #f4f4f4;
    .header{
        background: url("../../public/images/店铺背景图.jpg") no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
        height: 3.56rem;
        .top{
            overflow: hidden;
            width: 100%;
            padding: .3rem .3rem 0 .2rem;
            margin-bottom: .4rem;
            a{
                display: inline-block;
                height: 100%;
                img{
                    height: .36rem;
                    margin-top: .12rem;
                }
            }
            .searchs{
                position: relative;
                margin-left: .8rem;
                width: 70%;
                img{
                    position: absolute;
                    top: .14rem;
                    left: .23rem;
                    width: .3rem;
                }
                input{
                    display: inline-block;
                    width: 100%;
                    height: .54rem;
                    border: 0;
                    border-radius: .5rem;
                    padding-left: .7rem;
                }
            }
            .dianpu{
                display: inline-block;
                width: .5rem;
            }
        }
        .t-bottom{
            padding: 0 .2rem;
            color: #fff;
            overflow: hidden;
            .imggg{
                width: 1.3rem;
                display: inline-block;
                margin: .38rem .24rem .64rem 0;
            }
            .pinpai{
                margin-top: .38rem;
                width: 76%;
                span{
                    font-size: .36rem;
                }
                a{
                    display: inline-block;
                    overflow: hidden;
                    img{
                        // margin-left: 3rem;
                        vertical-align: middle;
                        width: .2rem;
                    }
                }
                .mesg{
                    color: #EAE2D8;
                    position: relative;
                    span{
                        font-size: .22rem;
                        margin-right: .1rem;
                    }
                    b{
                        font-style: normal;
                    }
                    i{
                        font-style: normal;
                        font-size: .22rem;
                        margin-left: .1rem; 
                    }
                    em{
                        font-style: normal;
                        font-size: .22rem;
                        margin-bottom: 0.2rem;
                        display: inline-block;
                    }
                    p{
                        font-size: .22rem;
                    }
                    .collect{
                        position: absolute;
                        bottom: .42rem;
                        right: 0;
                        width: 1.6rem;
                        text-align: center;
                        font-size: .26rem;
                        line-height: .5rem;
                        height: .5rem;
                        color: #E9930A;
                        border: .01rem solid #E9930A;
                        border-radius: .5rem;
                    }
                }
            }
        }
    }
    .bodys{
        background-color: #f4f4f4;
        ul{
            display: flex;
            
            li{
                flex: 1;
                height: 1rem;
                text-align: center;
                background-color: #fff;
                a{
                    color: #767676;
                    font-size: .3rem;
                    display: inline-block;
                    line-height: .9rem;
                    border-bottom: .01rem solid #ECEFEF;
                }
                .lefttt{
                    color: #f5445d;
                    border-bottom: .03rem solid #f5445d;
                }
            }
        }
        // 评价模块设置样式
        .score{
            // display: none;
            background-color: #f4f4f4;
            #top{
                overflow: hidden;
                height: 1.5rem;
                width: 100%;
                background-color: #fff;
                margin-bottom: .2rem;
                .stars{
                    width: 3rem;
                    text-align: center;
                    height: 100%;
                    overflow: hidden;
                    padding: .3rem 0;
                    a{
                        display: inline-block;
                        width: 100%;
                        border-right: .01rem solid #A4A4A4;
                        span{
                            font-size: .4rem;
                            color: #f5445d;
                            display: inline-block;
                        }
                        p{
                            font-size: .26rem;
                            color: #686868;
                        } 
                    }
                }
                .iii{
                    display: inline-block;
                    width: 59%;
                    height: 100%;
                    text-align: center;
                    line-height: 1.5rem;
                    img{
                        width: .5rem;
                    }
                }
            }
            // 列表
            .list{
                
                ul{
                    li{
                        // border-bottom: .01rem solid #f4f4f4;
                        padding: 0 .26rem;
                        background-color: #fff;
                        height: 2.5rem;
                        .photo{
                            overflow: hidden;
                            padding: .3rem 0 0.2rem 0;
                            .ff{
                                width: .42rem;
                            }
                            span{
                                margin-top: .1rem;
                                color: #282828;
                                font-size: .26rem;
                                margin-left: .2rem;
                            }
                            .mmm{
                                height: 100%;
                                line-height: 1.5rem;
                                border: 0;
                                line-height: 0;
                                width: 48%;
                                text-align: left;
                                margin-left: .2rem;
                                margin-top: .1rem;
                                img{
                                    margin: 0;
                                    display: inline-block;
                                    width: .3rem;
                                }
                            }
                        }
                        .p-list{
                            text-align: left;
                            p{
                                // text-align: left;
                                color: #595959;
                                font-size: .24rem;
                                margin-bottom: .1rem;
                            }
                            i,b,em{
                                font-weight: 400;
                                color: #A9A9A9;
                                font-size: .22rem;
                                font-style: normal;
                            }
                        }
                    }
                }
            }
        }
        // 商品列表模块
        .goods-list{
            overflow: hidden;
            margin-top: .06rem;
            position: relative;
            ul{
                background-color: #eceff1;
                display: inline-block;
                .active{
                    background-color: #fff;
                    a{
                        width: 100%;
                        color: #282828;
                        border-left: .06rem solid #f5445d;
                    }
                }
                li{
                    border-bottom: .01rem solid #ebeeee;                    
                    background-color: #f8f8f8;
                    height: 1rem;
                    width: 1.6rem;
                    a{
                        
                        font-size: .26rem;
                        color: #767676;
                        display: inline-block;
                        line-height: 1rem;
                        text-align: center;
                    }
                }
            }
            // 每一个功能模块对应的列表部分
            .goodsList-right{
                // background-color: #f4f4f4;
                width: 100%;
                position: absolute;
                top: 0; 
                left: 0;
                padding: 0 0 0 1.6rem;
                ul{
                    width: 100%;
                    li{
                        width: 100%;
                        overflow: hidden;
                        padding: 0 .2rem;
                        height: 1.6rem;
                        background-color: #fff;
                        .yy{
                            height: 100%;
                            // border-bottom: .01rem solid #f4f4f4;
                            position: relative;
                            text-align: left;
                            a{
                                display: inline-block;
                                border: 0;
                                .y-img{
                                    display: inline-block;
                                    width: 1rem;
                                    margin: .3rem .26rem 0 0;
                                }
                            }
                            .three{
                                // height: 100%;
                                position: absolute;
                                top: 0; 
                                left: 0;
                                padding: 0 0 0 1.1rem;
                                margin-top: .3rem;
                                p{
                                    color: #282828;
                                    font-size: .3rem;
                                    margin-bottom: .24rem;
                                    text-align: left;
                                }
                                span{
                                    
                                    color: #f5445d;
                                    font-size: .3rem;
                                }
                                i{
                                    font-style: normal;
                                    text-decoration: line-through;
                                    color: #b0b0b0;
                                    font-size: .3rem;
                                    margin-right: .16rem;
                                }
                                b{
                                    font-weight: 400;
                                    // font-style: normal;
                                    color: #767676;
                                    font-size: .3rem;
                                    margin: 0 .1rem;
                                }
                                img{
                                    display: inline-block;
                                    // margin-bottom: .1rem;
                                    width: .4rem;
                                    vertical-align: middle;
                                }
                                img:nth-of-type(1){
                                    
                                    margin-left: .26rem;
                                }
                            }
                        }
                    }
                    li:nth-of-type(2){
                        margin-bottom: .2rem;
                    }
                }
            }
        }
    }
    // 底部模块
    .footers{
        position: fixed;
        bottom: 0;
        left: 0;
        height: 1.4rem;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        color: #767676;
        font-size: .3rem;
        padding-left: .26rem;
        .f-l{
            height: 100%;
            
            // line-height: 1rem;
            span{
                margin-top: .28rem;
                display: block;
            }
            i{
                font-style: normal;
                display: block;
                margin-top: .1rem;
            }
        }
        .f-r{
            height: 100%;
            a{
                display: inline-block;
                line-height: 1.4rem;
                height: 100%;
                background-color: #f5445d;
                text-align: center;
                font-size: .32rem;
                color: #fff;
                width: 2.2rem;
            }
        }
    }
}